<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>标题标签</h1>
    <h1>标题一共六级选，</h1>
    <h2>文字加粗一行显。</h2>
    <h3>由大到小依次减，</h3>
    <h4>从重到轻随之变。</h4>
    <h5>语法规范书写后，</h5>
    <h6>具体效果刷新见。</h6>
    <p>
      <!-- 段落标签 -->
      在雷神传说任务中，影选择了主动走出心结去看看稻妻现状。影把自己的意识封印在了“一心净土”，<br /><!--换行标签 -->
      平时靠人偶自行处理事务。<br />因此接下来与玩家逛街的是影的意识主动控制人偶的“躯体”。
    </p>
    <p>
      我是<strong>加粗</strong>文字 <br />
      我是<b>加粗</b>文字
    </p>
    <p>
      我是<em>倾斜</em>文字<br />
      我是<i>倾斜</i>文字
    </p>
    <p>
      我是<del>删除</del>线 <br />
      我是<s>删除</s>线
    </p>
    <p>
      我是<ins>下划</ins>线 <br />
      我是<u>下划</u>线
    </p>
    <!-- 盒子 -->
    <div>我是一个div标签我一个人单独占一行</div>
    <div>我是一个div标签我一个人单独占一行</div>
    <span>百度</span>
    <span>原神</span>
    <h4>图像标签的使用:</h4>
    <img src="../image/image1.00.webp" />
    <h4>alt 特换文本 图像显示不出来的时候用文字特换</h4>
    <img src="" alt="影老婆" />
    <h4>title 提示文本 鼠标放在图像上，提示的文字:</h4>
    <img src="../image/image1.00.webp" title="影老婆" />
    <h4>width 给图像设定宽度</h4>
    <img src="../image/image1.00.webp" title="影老婆" width="500" />
    <h4>height 给图像设定高度</h4>
    <img src="../image/image1.00.webp" title="影老婆" height="100" />
    <h4>border 给图像设定边框粗细</h4>
    <img src="../image/image1.00.webp" title="影老婆" width="500" />
    <h4>相对路径</h4>
    <p>
      同一级路径直接引用图片名，<br />
      / + 图片名 引用下一级图片路径，<br />
      ../ + 图片名 引用上一级图片路径<br />
    </p>
    <h4>绝对路径</h4>
    <p>图片在电脑的位置或者网络上的地址</p>
    <img
      src="file:///C:/Users/Lenovo/Desktop/HTML/image/image1.00.webp"
      width="500"
    />
    <img
      src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F7b14532328e5c78e0f1b57679011e29543b3e407.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671867032&t=8f1a9657b37ca9a418a99c466bc1a972"
    />
    <h4>超链接标签</h4>
    <h5>1.外部链接</h5>
    <!-- target 打开窗口的方式 默认的值是 _self 当前窗口打开页面， _blank新窗口打开页面 -->
    <h6>当前窗口打开页面</h6>
    <a href="http://www.qq.com" target="_self">腾讯</a>
    <h6>新窗口打开页面</h6>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
    <h5>2.内部链接:网站内部页面之间的相互链接</h5>
    <a href="影.html" target="_blank">文件名</a>
    <h5>3.空链接</h5>
    <a href="#">空链接</a>
    <h5>4.下载链接:地址链接是 文件 .exe 或者是 zip 等压缩包形式</h5>
    <h5>5.网页元素的链接</h5>
    <a
      href="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F7b14532328e5c78e0f1b57679011e29543b3e407.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671867032&t=8f1a9657b37ca9a418a99c466bc1a972"
      target="_blank"
      >网页链接</a
    >
    <h5>6.锚点链接</h5>
    <a href="锚点定位.html" target="_blank">影简介</a>
    <h4>特殊字符</h4>
    <p>
      空格符 -> &nbsp; <br />
      小于号 -> &lt; <br />
      大于号 -> &gt; <br />
      和好(&)-> &amp; <br />
      人民币 -> &yen; <br />
      摄氏度 -> &deg; <br />
      正负号 -> &plusmn; <br />
      乘号 -> &times; <br />
      除号 -> &divide; <br />
      平方 -> &sup2; <br />
      立方 -> &sup3; <br />
    </p>
  </body>
</html>
